@prefix: nova;

@font-family: 'Helvetica Neue', 'Arial', 'PingFang SC', 'Microsoft Yahei',
  'SimSun', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';

//region primary
@primary-dark-color: #a81c54;
@primary-darker-color: #dd3377;
@primary-color: #ee3388;
@primary-lighter-color: #f654a1;
@primary-light-color: #ff77bb;
@primary-background: #fef2f9;
//endregion

//region secondary
@secondary-darker-color: #ff8800;
@secondary-color: #ff9900;
@secondary-lighter-color: #ffaa00;
@secondary-light-color: #ffd280;
@secondary-background: #fffaee;
//endregion

//region success
@success-color: #66cc33;
@success-lighter-color: #66cc33;
@success-light-color: #ade392;
@success-background: #f8fff2;
//endregion

//region warning
@warning-color: #ffaa00;
@warning-lighter-color: #ffaa00;
@warning-light-color: #ffda8f;
@warning-background: #fffaee;
//endregion

//region error
@error-darker-color: #ff3232;
@error-color: #ff4b4b;
@error-lighter-color: #ff6464;
@error-light-color: #feac97;
@error-background: #fff2f2;
//endregion

//region info
@info-color: #0099ff;
@info-lighter-color: #88bbee;
@info-light-color: #96cff5;
@info-background: #f0f5fc;
//endregion

//region help
@help-color: #88bbee;
//endregion

//region font
@font-color: #333333;
@font-lighter-color: #666666;
@font-light-color: #cccccc;
//endregion

//region other-color
@mask-background: rgba(0, 0, 0, 0.375);
@symbol-color: #999999;
@border-color: #cccccc;
@border-lighter-color: #eeeeee;
@component-darker-background: #eeeeee;
@section-background: #f5f5f5;
@component-background: #ffffff;
//endregion

//region motion
@fast-motion: 100ms;
@normal-motion: 200ms;
@slow-motion: 300ms;
//endregion

//region check
@check-width: 4.94974747px; // sqrt(7^2 / 2)
@check-height: 8.4852814px; // sqrt(12^2 / 2)
@check-top: 1.41421356px; // sqrt(2^2 / 2)
//endregion

//region shadow
@focus-shadow-primary-light: 0 0 0 2px rgba(238, 51, 136, 0.125);
@focus-shadow-secondary: 0 0 0 2px rgba(255, 153, 0, 0.5);
@focus-shadow-secondary-light: 0 0 0 2px rgba(255, 153, 0, 0.125);
@focus-shadow-danger-light: 0 0 0 2px rgba(255, 51, 0, 0.125);
@dropdown-shadow-light: 0 2px 8px 0 rgba(0, 0, 0, 0.125);
@modal-shadow-lighter: 0 0px 16px 0 rgba(0, 0, 0, 0.25);
//endregion

//region time-function
@ease-in-quintic: cubic-bezier(0.76, 0.05, 0.86, 0.06);
@ease-in-backward: cubic-bezier(0.6, -0.28, 0.74, 0.05);

@ease-out-quintic: cubic-bezier(0.23, 1, 0.32, 1);
@ease-out-backward: cubic-bezier(0.18, 0.89, 0.32, 1.28);

@ease-in-out-circular: cubic-bezier(0.79, 0.14, 0.15, 0.86);
//endregion

//region animation-name
@progress-active: ~'@{prefix}-progress-active';
@spin: ~'@{prefix}-spin';
//endregion
